<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width:500px;
				height:600px;
				border:lightskyblue solid;
				border-width:thin;
				background: aliceblue;
				margin:0px auto;
			}
			li{background:url(submenu.gif)-50px no-repeat;
			    background-size:500px 50px ;
				width:450px;
				height:50px;
				padding: 0px;
				margin:0px auto;
				border:lightskyblue;
				border-width:thin;
				font-size:25px;
				border-style:solid none;
				line-height:60px;
			}
			ul{
				list-style-type:none;
			}
			h1{
				background:url(title_icon.gif) no-repeat;
				text-indent:50px;
				font-size:30px;
				color:navy;
				background-size:50px 50px;
			}
			a:link{
				text-decoration: none;
				color:black;
			}
		</style>
	</head>
	<body>
		<div>
			<h1>课程导航</h1>
			<ul>
				<li><a href="#">ACCP 软件工程师</a></li>
				<li><a href="#">BTEST 软件测试工程师</a></li>
				<li><a href="#">BENET 网络工程师</a></li>
				<li><a href="#">JBNS 网站工程师</a></li>
				<li><a href="#">ACCP 启蒙星</a></li>
				<li><a href="#">ANDROID 软件工程师</a></li>
				<li><a href="#">JAVA软件工程师</a></li>
				<li><a href="#">.NET 软件工程师</a></li>
				<li><a href="#">网络营销</a></li>
			</ul>
		</div>
	</body>
</html>
